import styled from 'styled-components'
export const SearchPlaylistWrapper = styled.div`
  .item{
    display:flex;
    align-items:center;
    padding:10px;
    position: relative;
    &:nth-child(2n) {
      background-color: #f7f7f7;
    }

    &:nth-child(2n+1) {
      background-color: #fff;
    }
    .play{
      width: 17px;
      height: 17px;
      background-position: 0 -103px;
      cursor:pointer;
      margin-right:20px;
    }
    img{
      width:50px;
      height:50px;
    }
    .mask{
      width:50px;
      height:50px;
      position: absolute;
      background-position: -160px 0;
      top:10px;
      left:48px; 
    }
    .name{
      width:350px;
      margin-left:20px;
      cursor:pointer;
    }
    .size{
      width:50px;
      color:#999;
    }
    .creator{
      width: 150px;
      margin-left:20px;
      cursor:pointer;
    }
    .favor{
      color:#999;
      width: 120px;
    }
    .listen{
      color:#999;
    }
  }
`